<template>
	<div>
		<div class="h_total">
			<div class="hnet">
				<a href="javascript:void(0)" class="iconfont icon-shuaxin"></a>
				<input type="text" placeholder="gome.com.cn" />
			</div>
				
		</div>
		<div class="htotal">
			<div class="hTop">
				<div class="hselect">
					<a href="javascript:history.back(-1)" class="iconfont icon-lunbozuofangun hleftfan"> </a>
					<input type="text" placeholder="搜索店铺内商品"/>
					<a href="javascript:void(0)" class="iconfont icon-icon- haselect"></a>
					<a href="#/Llist" class="hmore">分类</a>
					
				</div>
			</div>
			
		</div>
	
	</div>
</template>

<script>
	export default{
		name:"select2"
	}
	
	
		
	
</script>

<style scoped>
	html,body,div,ul,li,a,span,h3,img,hr{margin: 0;padding:0;}
	img{vertical-align: top;}
	html,body{height: 100%;}
	body{position: relative;top: 0;}
	.h_total{background: rgba(246,246,246,1);}
	.hnet{width: 95%;margin: 0 auto; padding: 0.5rem 0;}
	.hnet input{width:100%;height: 2rem;background: rgba(227,227,228,0.8);border-radius: 0.5rem;border: 0;outline: none;clear: both;}
	.hnet input[placeholder]{text-align: center;height: 2rem;line-height: 2rem;}
	.icon-shuaxin{position:absolute;color:grey;z-index: 20; text-decoration: none;right: 4%;top: 1rem;}
	.horder{width: 100%;height: 4.2rem;background: rgba(242,242,242,1);}
	.horder{text-align: center;line-height: 4.2rem;font-size: 1.8rem;}
	.icon-lunbozuofangun{position:absolute;left: 0.5rem;color: grey;text-decoration: none;}
	/*总控*/
.htotal{width: 100%;height: 100%;}
.hTop{width: 100%;margin: 0 auto;background: rgb(242,242,242,1);height: 3.2rem;}
/*上方搜索框*/
.hselect{width: 94%;padding:0.5rem 0;position: relative;margin: 0 auto;text-align: center;line-height: 1.5rem;height: 2rem;}
.hselect a{text-decoration: none;color: grey;}
.hselect input{width: 72%; outline: none;border: 1px solid grey;height: 2rem;margin-left:-1.2rem ;}
.hselect input[placeholder]{padding-left:2rem;}
.hleftfan{position: absolute;left: 0;top: 28%;}
.haselect{position: absolute;left: 10%;top: 28%;}
.hmore{position:absolute;right: 0;top: 28%;z-index: 20;font-size: 1.2rem;padding-top: 0.1rem;}
ul li{list-style-type: none;}
.container{display: flex;align-items: center;}

/*首页等*/
.hhright{width: 100%;height:100%;padding-bottom: 2%;}

</style>